﻿@{
    ViewBag.Title = "用户注册";
}
<link href="/Content/Default/CSS/static.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    window.onload = function () {
        var oTop = document.getElementById("to_top");
        var screenw = document.documentElement.clientWidth || document.body.clientWidth;
        var screenh = document.documentElement.clientHeight || document.body.clientHeight;
        oTop.style.left = screenw - oTop.offsetWidth + "px";
        oTop.style.top = screenh - oTop.offsetHeight + "px";
        window.onscroll = function () {
            var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
            oTop.style.top = screenh - oTop.offsetHeight + scrolltop + "px";
        }
        oTop.onclick = function () {
            document.documentElement.scrollTop = document.body.scrollTop = 0;
        }
    }  

    $(function() {
        $('#signPwd').CipherStrengths();
    });
</script>
<div class="ui-box ui-reg" style="background: url(/Content/Default/Images/registerTG01.png) center no-repeat; height: 2585px; margin-bottom: -40px;margin-top: -20px;">
    <div>
       
        <form action="@Url.Action("PostRegisterTG")" class="ui-form" method="post" onsubmit=" return check() " style="padding: 0 0;">
            <script type="text/javascript">
                var environment = {
                    userVo: '',
                    role: '',
                    userId: '',
                    basePath: '/Account',
                    userCash: '',
                    globalPath: 'http://www.zxidai.com/'
                };
            </script>
            <script src="/Content/Default/JS/RegistAndLogin/jquery-1.8.3.min.js" type="text/javascript"></script>
            <script src="/Content/Default/JS/RegistAndLogin/global-1.1.0.min.js" type="text/javascript"></script>
            <div style="width: 980px;margin: 0 auto;">
                 <div style="background: #fff; float: right;position: relative; width: 320px;border-radius: 5px;box-shadow: 3px 3px #e5e5e5;margin-top: 60px;margin-right: 30px;">
                <div class="ui-form-itemTG" style="margin-top: 10px;">
                    <label for="UserName" class="ui-label">
                        用户名</label>
                    <input type="text" id="signName" name="UserName" onblur=" chekUsNamefor() " class="ui-input ui-input-large"
                           maxlength="18" autocomplete="off" style="border-radius: 6px 6px; outline: none;" />
                    <p class="tip_name" id="signNameTip"></p>
                </div>
                <div class="ui-form-itemTG">
                    <label for="Password" class="ui-label">
                        密码</label>
                    <input type="password" id="signPwd" name="Password" onblur=" chekPwdfor() " class="ui-input ui-input-large"
                           maxlength="16" autocomplete="off" style="border-radius: 6px 6px; outline: none;" />
                    <p class="tip_pwd" id="signPwdTip" style="text-align: center;"></p>
                </div>
                    
                <div class="ui-form-itemTG">
                    <label class="ui-label" for="mobile">
                        手机号</label>
                    <input type="text" id="mobile" name="mobile" class="ui-input ui-input-large" onblur=" checkMobilefor() "
                           style="border-radius: 6px 6px; outline: none;" maxlength="11" />
                    <p class="tip proper" id="mobileMessage"></p>
                </div>
                <div class="ui-form-itemTG">
                    <label class="ui-label" for="ValidateCode">
                        验证码</label>
                    <input name="ValidateCode" id="ValidateCode" class="ui-input ui-input-large" type="text" style="border-radius: 6px 6px; outline: none; width: 80px;" />
                    @Html.ValidateImage()
                    <a href="javascript:$('#ValicodeImg').click();" style="font-size: 12px;">换一张?</a>
                    <p class="tip" id="signAuthCodeTip"></p>
                </div>
                    
                <div class="ui-form-itemTG">
                    <input class="ui-checkbox" id="agreement" name="agreement" checked="checked" value=""
                           type="checkbox" />
                    <label>
                        我已阅读并接受《<a href="javascript:void(0);" style="color: Red;" onclick=" javascript:window.open('/Article/Agreement/', '', 'width=1024px;height=768px,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=20,left=20,resizable=no'); ">众禧贷注册协议</a>》
                        <br/>及《<a href="javascript:void(0);" style="color: Red;" onclick=" javascript:window.open('/Article/Agreement2/', '', 'width=1024px;height=768px,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=20,left=20,resizable=no'); ">众禧贷投资咨询与管理服务协议</a>》
                    </label>
                    <p id="protocolTip"></p>
                </div>
                <div class="ui-form-itemTG" style="margin-bottom: 20px;">
                    <input type="hidden" name="ajax" value="1" />
                    <input type="submit" class="ui-button-rrd-blue ui-button-rrd-blue-large" value='立即注册' />
                </div>
                
            </div>
            </div>
           
            <script type="text/javascript">
                function check() {
                    if (chekUsNamefor() && chekPwdfor() && checkMobilefor()) {
                        return true;
                    }
                    return false;
                }
            </script>
            <script src="/Content/Default/JS/RegistAndLogin/account.setTG.js" type="text/javascript"></script>
            <script src="/Content/Default/JS/RegistAndLogin/registerVerifyTG.js" type="text/javascript"></script>
            
            <script type="text/javascript">
                $(function() {
                    $('#signPwd').CipherStrengths();
                });
            </script>
        </form>
    </div>
    <div style="clear: both; margin-top: 1620px;">
        <div class="wrap about-wrap-gray">
            <div style="height: 680px; margin: 0 auto; padding: 50px 0 0; width: 1082px;">
                <h3 style="color: #e44838; font-size: 24px; margin: 0 0 40px auto; text-align: center;">
                    如何投资</h3>
                <div class="guid_cont">
                    <div class="investMain">
                        <ul class="howInvest r3 how-step-0" id="idNum" style="background: #ffffff;">
                            <li class="step-1"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">&nbsp;1&nbsp;</span>&nbsp;&nbsp;填写用户名/手机号</li>
                            <li class="step-2"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">&nbsp;2&nbsp;</span>&nbsp;&nbsp;身份证实名认证</li>
                            <li class="step-3"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">&nbsp;3&nbsp;</span>&nbsp;&nbsp;充值</li>
                            <li class="step-4"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">&nbsp;4&nbsp;</span>&nbsp;&nbsp;进行投资</li>
                        </ul>
                        <div class="investbox" id="idFormView" style="height: 500px; margin-top: 50px; overflow: hidden; position: relative;">
                            <ul class="invesSlider" id="idSlider" style="left: 0px; position: absolute; top: 0px; width: 2772px;">
                                <li>
                                    <img src="/Content/Default/Images/Guide/guide_1.png" width="693" height="447">
                                </li>
                                <li>
                                    <img src="/Content/Default/Images/Guide/guide_2.png" width="693" height="447">
                                </li>
                                <li>
                                    <img src="/Content/Default/Images/Guide/guide_3.png" width="693" height="447">
                                </li>
                                <li>
                                    <img src="/Content/Default/Images/Guide/guide_4.png" width="693" height="447">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ui-form-itemTG" style="margin: 0 auto;width: 980px;">
        <input type="hidden" name="ajax" value="1" />
        <input type="text" style="margin-left: 36%;" class="ui-button-rrd-blue ui-button-rrd-blue-large" value='立即注册' id="to_top"/>
    </div>
</div>


<script type="text/javascript">
    $('#submit').bind("click", function() {
        if (!$('#agreement').is(":checked")) {
            alert("请同意众禧贷注册协议");
            event.returnValue = false;
            return;
        }
    });

</script>

<script type="text/javascript">
    (function() {
        var a = {
            Step: 15,
            Time: 10,
            Auto: false,
            Pause: 4000,
            Index: 0,
            timer: null,
            target: 0,
            direc: 'left',
            init: function() {
                a.slide();
            },
            slide: function() {
                var oContainer = Util.getID('idFormView');

                var oSlider = Util.getID('idSlider');
                var oNumber = Util.getID('idNum');
                var onIndex = oNumber.getElementsByTagName('li');
                var osCount = 4;
                var osWidth = 693;
                oContainer.style.overflow = 'hidden';
                oContainer.style.position = 'relative';
                oSlider.style.width = osCount * osWidth + 'px';
                oSlider.style.position = 'absolute';
                oSlider.style.top = oSlider.style.left = 0;
                var Move = function() {
                    clearTimeout(a.timer);
                    var iNow = parseInt(oSlider.style[a.direc]);
                    var iStep = GetStep(a.target, iNow);
                    if (iStep != 0) {
                        oSlider.style[a.direc] = (iNow + iStep) + 'px';
                        a.timer = setTimeout(function() {
                                Move();
                            },
                            a.Time);
                    } else {
                        oSlider.style[a.direc] = a.target + 'px';
                        if (a.Auto) {
                            a.timer = setTimeout(function() {
                                    a.Index++;
                                    Start();
                                },
                                a.Pause);
                        }
                    }
                };
                var GetStep = function(iTarget, iNow) {
                    var iStep = (iTarget - iNow) / a.Step;
                    if (iStep == 0) {
                        return 0;
                    };
                    if (Math.abs(iStep) < 1) {
                        return (iStep > 0 ? 1 : -1);
                    };
                    return iStep;
                };
                var Stop = function(iTarget, iNow) {
                    clearTimeout(a.timer);
                    oSlider.style[a.direc] = a.target + 'px';
                };
                var Each = function(list, fun) {
                    for (var i = 0,
                        len = list.length; i < len; i++) {
                        fun(list[i], i);
                    }
                };

                var Start = function() {
                    if (a.Index < 0) {
                        a.Index = osCount - 1;
                    } else if (a.Index >= osCount) {
                        a.Index = 0;
                    };
                    a.target = -1 * osWidth * a.Index;
                    oNumber.className = 'howInvest r3 how-step-' + a.Index;
                    Each(onIndex, function(o, i) {
                        o.onmouseover = function() {
                            oNumber.className = 'howInvest r3 how-step-' + i;
                            a.Auto = false;
                            a.Index = i;
                            Start();
                        };
                    });
                    Move();
                };
                Start();
            }
        };
        a.init();
    })();
</script>